<template>
	<div id="AppProgress">
		<x-header :left-options="{showBack: false}" title="鉴定申请" class="header vux-1px-b">
			<a slot="left" @click="back()"><i class="tp-icon icon-black-back"></i></a>
		</x-header>
		<div class="bannerDetail" v-bind:style="{'background-image':'url(http://pm.haowenwan.com/public/static/images/progress.png)'}">
			<div class="order">
				<a href="tel:0371-63633399">立即预约</a>
			</div>
		</div>
	</div>
</template>

<script>
	import { XHeader } from 'vux'
	export default {
		data() {
			return {

			}
		},
		components: {
			XHeader
		},
		methods: {
			back: function() {
				window.history.go(-1);
			},
		}

	}
</script>

<style scoped>
	#AppProgress {
		width: 100%;
		height: 100%;
	}
	
	.header {
		background: #fff;
	}
	
	.bannerDetail {
		width: 100%;
		height: 115%;
		background-size: 100% 100%;
		position: relative;
	}
	
	.order a {
		background: #a30000;
		color: #fff;
		width: 8.32rem;
		height: 1.17rem;
		line-height: 1.17rem;
		font-size: 0.45rem;
		text-align: center;
		position: absolute;
		bottom: 0.53rem;
		left: 0.73rem;
	}
</style>